!
まとまりが全然なくページ一覧がばらばらになってしまいました。 そこで、「テーブル」のPOSITION(位置)をSTYLEシートで 指定しまして、ページ一覧を「テーブル」で隠しました。 私がやっている、サイドメニュー(ページ一覧)のテーブルですが、 雛形として載せてみます。 ←これをそのまま書いてみます。 <TABLE style="position:absolute;top:280;left:10;font-size:12;color:black;font-family:;" width="110" height="" bgcolor="yellow" cellpadding="0" cellspacing="1" border="1"bordercolor="black"> <TR> <TD width="110" height="30" style="cursor:hand;background-color:silver;"onclick=location.href="http://plaza.rakuten.co.jp/gtone/002001";>●正面玄関 </TD></TR> <TR> <TD width="110" height="30" style="cursor:hand;background-color:darkkhaki;"onclick=location.href="http://plaza.rakuten.co.jp/gtone/003000";>●もう一つのプロフ </TD></TR> <TR> <TD width="110" height="30" style="cursor:hand;background-color:silver;"onclick=location.href="http://plaza.rakuten.co.jp/gtone/017001";>●HPの飾付教室 </TD></TR> <TR> <TD width="110" height="30" style="cursor:hand;background-color:darkkhaki;"onclick=location.href="http://plaza.rakuten.co.jp/gtone/003002";>●おもしろタグ教室 </TD></TR> <TR> <TD width="110" height="30" style="cursor:hand;background-color:silver;"onclick=location.href="http://plaza.rakuten.co.jp/gtone/004001";>●プレート教室 </TD></TR> <TR> <TD width="110" height="30" style="cursor:hand;background-color:darkkhaki;"onclick=location.href="http://plaza.rakuten.co.jp/gtone/002000";>●写真集 </TD></TR> <TR> <TD width="110" height="30" style="cursor:hand;background-color:silver;"onclick=location.href="http://plaza.rakuten.co.jp/gtone/006000";>●壁紙チェンジャー </TD></TR> <TR> <TD width="110" height="30" style="cursor:hand;background-color:darkkhaki;"onclick=location.href="http://plaza.rakuten.co.jp/gtone/007000";>●リンク集 </TD></TR> <TR> <TD width="110" height="30" style="cursor:hand;background-color:silver;"onclick=location.href="http://plaza.rakuten.co.jp/gtone/009000";>●キリ番 </TD></TR> <TR> <TD width="110" height="30" style="cursor:hand;background-color:darkkhaki;"onclick=location.href="http://plaza.rakuten.co.jp/gtone/007000";>●プレート置き場 </TD></TR> <TR> <TD width="110" height="30" style="cursor:hand;background-color:silver;"onclick=location.href="http://plaza.rakuten.co.jp/gtone/016000";>●日記リンクの皆様 </TD></TR> <TR><TD width="110" height="30"> </TD></TR> <TR> <TD width="110" height="30" style="cursor:hand;background-color:hotpink;"onmouseover=this.style.background="#ffffff"; onmouseout=this.style.background="hotpink"; onclick=location.href="http://plaza.rakuten.co.jp/gtone/002001/#nikki";>●プチ講座メニュー </TD></TR> <TR><TD width="110" height="30" colspan="2" background="black"> </TD></TR> <TR> <TD width="110" height="30" style="cursor:hand;background-color:pink;"onclick=location.href="http://plaza.rakuten.co.jp/gtone/011000";>●カラーコード表 </TD></TR> <TR> <TD width="110" height="30" style="cursor:hand;background-color:pink;"onclick=location.href="http://plaza.rakuten.co.jp/gtone/011001";>●カラーネーム表 </TD></TR> <TR><TD width="110" height="30"> </TD></TR> <TR><TD width="110" height="350" VALIGN="top" bgcolor="pink"><BR> 【お知らせ】<BR><BR>楽天OFF会の参加を募っております。<BR><BR>8月23日(土)<BR>関東地区OFF会を<BR>開催することになりました。<BR>みなさんふるって<BR>御参加ください。<BR><BR> 詳細は後日打ち合わせ次第ご連絡します。<BR><BR> </TR></TD> <TR><TD width="110" height="400" VALIGN="top" bgcolor="darkkhaki"><BR><BR><BR><center> ここに文字! </TD></TR> <TR><TD width="110"height="90" VALIGN="top" bgcolor="silver"> <BR><BR><center><font color=red>あなたは<BR><img src=~カウンターのURL~><BR>アクセスの<BR>お客様です</font> </center> </TD></TR> </TABLE> 少しだけ、説明をしておきますと、 280 の数値が「テーブル」の高さの位置を表しています。 大きくすればテーブル全体が下に移動します。 小さくすれば、上に上がってきます。 yellow のところは「テーブル」全体の背景色です。 http://plaza.rakuten.co.jp/gtone/002001 はリンクを貼るページのURLです。 silver darkkhaki のところは、各セルの背景色です。 350 は下のほうで使っている、縦長のセルの高さを指定しています。 皆さんのお好きに変えてやってみてください。(=^_^=) セルを省くのは<TR><TD> から </TD></TR> までを削除してください。 では、皆さんがんばってください。 |